<template>
  <div class="app-container">
    <el-dialog
      title="工会详情"
      :visible.sync="visible"
      :show="show"
      width="60%"
      center
      :close-on-click-modal="false"
      @close="$emit('update:show', false)"
    >
      <el-table :key="tableKey" v-loading="listLoading" :data="list" height="600" border style="width: 100%;">
        <el-table-column label="账号" prop="accountname" align="center"></el-table-column>
        <el-table-column label="角色ID" prop="actorid" align="center"></el-table-column>
        <el-table-column label="角色名称" prop="actorname" align="center"></el-table-column>
        <el-table-column label="职位" prop="pos_name" align="center"></el-table-column>
        <el-table-column label="登录IP" prop="ip" align="center"></el-table-column>
        <el-table-column label="充值钻石数" prop="recharge" align="center" width="140px"></el-table-column>
      </el-table>
    </el-dialog>
  </div>
</template>

<script>

// import { memoInfo } from '@/api/gm'
import waves from '@/directive/waves' // 实现点击波浪纹

export default {
  directives: { waves },
  props: {
    show: {
      type: Boolean,
      default: false
    },
    positionInfo: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      visible: this.show,
      tableKey: 0,
      list: [],
      total: 0,
      listLoading: true,
      info: this.positionInfo
    }
  },
  watch: {
    show() {
      this.visible = this.show
      this.info = this.positionInfo
      // this.memoInfo()
    }
  },
  created() {
  },
  methods: {
    // async memoInfo() {
    //   this.listLoading = true
    //   const res = await memoInfo(this.info)
    //   this.listLoading = false
    //   this.list = res.data.items
    // }
  }
}
</script>
